import React from 'react'
import {Button, Input, NavBar} from 'antd-mobile'
import styles from './App.module.css'
const demoSrc2 =
  'https://images.unsplash.com/photo-1620476214170-1d8080f65cdb?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=3150&q=80' 

function App() {
  return (
    <div className={styles.box}>
      <NavBar>聊天页面</NavBar>
      <div>
        <img src={demoSrc2} alt="" width={'50px'} height={'50px'}/>
        <span>12112121</span>
      </div>
       <div className={styles.fz}>
        <img src={demoSrc2} alt="" width={'50px'} height={'50px'}/>
        <span>12112121</span> 
      </div>
      <div className={styles.di}>
        <input placeholder='111'></input>
        <button>发送</button>
      </div>
    </div>
  )
}

export default App